<li ng-class="{ active: item.isSelected() }">
  <a ng-href="{{item.href()}}" ng-click="item.click($event);" ng-attr-data-toggle="{{item.tabs.length ? 'dropdown' : undefined}}" ng-class="{'dropdown-toggle': item.tabs.length}">
  <span class="fa fa-{{item.icon}} fa-fw"></span> {{item.title() | translate}} <span class="fa fa-angle-right" ng-if="item.tabs.length"></span>
  </a>
  <div ng-if="item.tabs.length"  class="hover-nav dropdown-menu hidden-xs">
    <ul class="nav nav-sidenav-secondary" osc-secondary-nav tabs="item.tabs">
    </ul>
  </div>
  <div ng-if="item.tabs.length"  class="hover-nav visible-xs-block">
    <ul class="nav nav-sidenav-secondary" osc-secondary-nav tabs="item.tabs">
    </ul>
  </div>
</li>
